草庐IT

CSS 实现音频loding动画

全部标签

javascript - 有没有办法判断元素是否已完成 CSS3 过渡?

我正在寻找事件、回调或其他方式来判断CSS3转换何时完成。这可能吗? 最佳答案 使用transitionend事件。请注意,必须添加特定于vendor的前缀。 关于javascript-有没有办法判断元素是否已完成CSS3过渡?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9995642/

javascript - 谷歌地图容器在动画后无法正确调整大小

我有一个谷歌地图容器,假设高度为600像素。我有一个按钮,调整(jQuery)map周围的div容器:$('#add').click(function(){$("#container-map").animate({height:'50%',minHeight:'50%'},1500);google.maps.event.trigger(map,'resize');});现在容器和map的高度是300像素,但googlemapsapi认为它仍然是600像素,所以map的中心仍然是300像素,尽管它应该是150像素(300/2)。http://woisteinebank.de/dev2.h

javascript - 如何使用 ng-model 实现功能绑定(bind)(使用 plnkr)

我有一个dob列,其中的值采用yyyy-mm-dd格式,比如2013-01-01,我需要在输入框中显示1月1日。我可以通过编写一个函数来实现,然后从该函数返回精确值。但是无法使用ng-model从输入框中调用函数,因为它可以在span中使用ng-bind调用。我可以理解在输入框中调用函数会破坏双向绑定(bind)。但是我还可以使用什么其他方法。http://plnkr.co/edit/pZDpypsxM1OA2JwFhjjp?p=previewvarapp=angular.module('app',[]);app.controller('AppCtrl',function($scope

javascript - webpack build less files 输出一个 css minify 文件

webpack是我需要将几个较少的文件传递到一个缩小的CSS文件中的工具吗?如果是这样,我不确定我在下面的代码中做错了什么?有没有办法输出到不同的文件路径,现在我的js文件输出到'./assets/javascripts/bundle/',我希望我的css文件输出到'。/assets/stylesheets/bundle/',我该怎么做?更新我做了一个测试,我可以将我的less文件构建到一个css文件,但仍然无法找到如何为输出文件夹设置多个路径,现在我必须注释掉js入口部分并更改输出路径...网络包配置varpath=require('path');varwebpack=require

javascript - 如何跨站点处理 javascript 和 css 文件?

最近我对如何在Web应用程序中处理共享的javascript和css文件有了一些想法。在我正在处理的当前Web应用程序中,我得到了大量不同的javascript和css文件,这些文件位于服务器上的一个文件夹中。一些文件被重复使用,而另一些则没有。在生产站点中,加载大量HTTP请求和加载数千字节的不必要的javascript和冗余css是非常愚蠢的。解决方案当然是为每个页面创建一个仅包含必要信息的大捆绑文件,然后将其最小化并压缩(GZIP)发送给客户端。创建一堆javascript文件并手动最小化它们并不需要担心,如果您打算这样做的话,但是由于应用程序不断维护并且事情确实在变化和发展,因

javascript - CSS 下拉菜单 : Add delay on mouse out

我在下面使用CSS和HTML制作了下拉菜单:MainMenu.menu{float:left;background:#CCC;margin:0px;padding:0px;}.menuli{position:relative;float:left;width:180px;padding:5px0px;list-style:none;}.menuli:hover{background:#999;}.menuul{display:none;position:absolute;background:#CCC;padding:0;margin:5px000;}.menuulliul{left:

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。

javascript - 从 firefox 扩展的数据目录播放音频

我正在制作一个Firefox扩展程序,但无法播放位于加载项的data目录中的声音。我尝试的第一件事是以这种方式在内容脚本中播放它:varsoundFile=self.options.soundFile;(newAudio(soundFile)).play();其中self.options.soundFile是一个选项,它引用data目录中的资源文件。但我遇到了安全限制:SecurityError:Contentathttp://example.commaynotloadorlinktoresource://jid0-a02no8rrtu2pbize7g7sszzo0z8-at-jetp

javascript - 数据属性的 CSS 不会刷新/重绘

在HTML5/JS应用程序中,我们有一个View,其样式取决于元素的data-attribute:喜欢或CSSli[data-level^="1"]{/*somestyles*/}这似乎在页面重新加载的任何地方都工作得很好。但是当通过JS以编程方式设置数据属性时,CSS属性会在所有相关的桌面浏览器中呈现,但不会在移动safari中呈现。JS部分如下所示:this.$el.attr('data-level',this.model.getLevel())关于如何强制应用这些属性(刷新/重绘某些东西)有什么想法吗?我想避免使用class属性和不同的类,因为事情比这里显示的更复杂......

javascript - 将音频和视频轨道组合到新的 MediaStream 中

我需要使用来自不同MediaStreams的音频和视频创建一个MediaStream。在Firefox中,我可以从轨道数组中实例化一个新的MediaStream:varoutputTracks=[];outputTracks=outputTracks.concat(outputAudioStream.getTracks());outputTracks=outputTracks.concat(outputVideoStream.getTracks());outputMediaStream=newMediaStream(outputTracks);不幸的是,这在Chrome中不起作用:Re